<body style="padding:6px; overflow:hidden;"> 
  
    <div id="maingrid" style="margin:0; padding:0"></div> 
    <div style="display:none;"> 
  <!-- g data total ttt --> 
</div> 
  
</body> 
 
<script type="text/javascript"> 
 
//----------------------------------------------------------------------- 
 var g = null; 
        $(function () { 
           g = $("#maingrid").ligerGrid({ 
                columns:  [
				{ display: 'ID', name: 'id', width: 30},
       		 	{ display: '应用模版名', name: 'name', width: 100,render: function (item){
			   				return "<a title='"+item.name+"'>"+item.name+"</a>";
			  			}
			  	},
			  { display: '所属模版', name: 'templateId', width: 40},
			  { display: '外部模板id', name: 'extTemplId', width: 100,render: function (item){
			   				return "<a title='"+item.extTemplId+"'>"+item.extTemplId+"</a>";
			  			}
			 },
			  { display: '参数对应关系', name: 'paramConvert', width: 100},
       		  { display: '自定义模板', name: 'text', width: 100,render: function (item){
			   				return "<a title='"+item.text+"'>"+item.text+"</a>";
			  		}
			   },
			   { display: '修改时间', name: 'gmtModified', width: 150,type:"datetime2"},
			   { display: '备注', name: 'memo'}
			],		
			  pageSize:10, 
              url: '${appServer}/apptemplate/query.json',
              root:'rows', 
              pageSize:10,
			  page:1,
			  record :'total',
			 pageParmName :'page',
			 pagesizeParmName :'pageSize',
              width: '100%',height:'100%' 
            });  
            $("#pageloading").hide(); 
        }); 
        function f_select() 
        { 
            return g.getSelectedRow(); 
        } 
 
 
</script> 